<!--
  This file is a part of the open-eBackup project.
  This Source Code Form is subject to the terms of the Mozilla Public License, v. 2.0.
  If a copy of the MPL was not distributed with this file, You can obtain one at
  http://mozilla.org/MPL/2.0/.
  
  Copyright (c) [2024] Huawei Technologies Co.,Ltd.
  
  THIS SOFTWARE IS PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OF ANY KIND,
  EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO NON-INFRINGEMENT,
  MERCHANTABILITY OR FIT FOR A PARTICULAR PURPOSE.
  -->

<div class="aui-fullpage">
  <div class="aui-header-1">
    <lv-group lvGutter="8px">
      <h1>{{'system_cluster_management_label' | i18n }}</h1>
    </lv-group>
  </div>
  <div class="aui-block aui-paginator-container custom-main-tab">
    <lv-tabs [(lvActiveIndex)]="activeIndex" class="aui-tab" lvType="card">
      ​ <lv-tab lvTitle="{{'common_backup_clusters_label' | i18n}}" lvId="backup">
        <ng-template lv-tab-lazy>
          <aui-backup-cluster *ngIf="!showDistributedCluster; else distributed"></aui-backup-cluster>
        </ng-template>
        ​</lv-tab>
      ​ <lv-tab lvTitle="{{'system_replication_cluster_label' | i18n}}"
        lvId="target">
        <ng-template lv-tab-lazy>
          <aui-target-cluster></aui-target-cluster>
        </ng-template>
        ​</lv-tab>
    </lv-tabs>
  </div>
</div>

<ng-template #distributed>
  <aui-backup-cluster-distributed></aui-backup-cluster-distributed>
</ng-template>